<!DOCTYPE html>
<html>
<head>
    <title>东风日产×NBA "未来之星"</title>
    <link rel="import" href="../common/head.html?__inline">
    <!--<meta name="viewport" content="width=640, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">-->
    <meta name="viewport" content="width=640, user-scalable=no, minimal-ui" />
    <link rel="stylesheet" href="/node_modules/animate.css/animate.css">
    <link rel="stylesheet" href="/node_modules/swiper/dist/css/swiper.css">
    <link rel="stylesheet" href="/node_modules/video.js/dist/video-js.css">
    <link rel="stylesheet" href="index-m.less">

    <script src="/node_modules/jquery/dist/jquery.js"></script>
</head>
<body>
    <!--加载导航栏-->
    <link rel="import" href="../common/header-mobile.html?__inline">
    <!--加载导航栏-->

    <div class="main-bg">
        <img src="./img/main-bg.jpg" alt="">
    </div>

    <div class="main-cont">
        <div class="title-img title-img-1 cimg"></div>

        <div class="swiper-container plan-container content">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="/web/views/index/img/silde-1.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="/web/views/index/img/silde-2.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="/web/views/index/img/silde-3.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="/web/views/index/img/silde-4.png" alt="">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination plan-pagination"></div>
        </div>

        <div class="line cimg"></div>

        <div class="title-img title-img-2 cimg"></div>

        <div class="explain-game cimg">
            <div class="btn box-explain-open" data-type="1" data-tit="海选规则说明"><img src="./img/see-choice-rule.png" alt=""></div>
            <div class="car-bg">
                <img src="img/car-bg-1.png" alt="">
            </div>
        </div>

        <div class="video-box cimg">
            <div class="video-black" onclick="_smq.push(['custom','18-chinanba-mob','play_m_1']);">
                <video id="video" class="video-js vjs-default-skin"
                       controls x-webkit-airplay="true" webkit-playsinline="true" playsinline>
                    <source src="../../video/video1.mp4" type='video/mp4' />
                </video>
            </div>
        </div>

        <a class="to-sign-up cimg to-href" data-href="sign-up" onclick="_smq.push(['custom','18-chinanba-mob','signUp_m_1']);"></a>

        <div class="line cimg"></div>

        <div class="red-bg-box">
            <div class="explain-join cimg">
                <div class="btn box-explain-open" data-type="2" data-tit="晋级赛赛制说明"><img src="./img/see-join-rule.png" alt=""></div>
            </div>

            <div class="five-city cimg">
                <ul class="time">
                    <li class="li"></li>
                    <li class="li"></li>
                    <li class="li"></li>
                    <li class="li"></li>
                    <li class="li"></li>
                    <li class="cur"></li>
                </ul>
                <div class="swiper-container five-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide slide-gz"><a href="list.html" onclick="_smq.push(['custom','18-chinanba-mob','vote_m_1']);"></a></div>
                        <div class="swiper-slide slide-nj"><a href="list.html" onclick="_smq.push(['custom','18-chinanba-mob','vote_m_1']);"></a></div>
                        <div class="swiper-slide slide-bj"><a href="list.html" onclick="_smq.push(['custom','18-chinanba-mob','vote_m_1']);"></a></div>
                        <div class="swiper-slide slide-cd"><a href="list.html" onclick="_smq.push(['custom','18-chinanba-mob','vote_m_1']);"></a></div>
                        <div class="swiper-slide slide-sh"><a href="list.html" onclick="_smq.push(['custom','18-chinanba-mob','vote_m_1']);"></a></div>
                    </div>
                </div>
            </div>

        </div>

        <div class="line cimg"></div>

        <div class="explain-finals cimg">
            <div class="btn box-explain-open" data-type="3" data-tit="总决赛赛制说明"><img src="./img/see-finals-rule.png" alt=""></div>
        </div>

        <div class="champion-img cimg"></div>

        <div class="line cimg"></div>

        <div class="title-img title-img-3"></div>

        <!--vue模板-->
        <div id="vue" v-cloak>
            <div class="new-xiu">
                <ul class="new-xiu-video">
                    <li v-for="item in players" v-if="players">
                        <video controls x-webkit-airplay="true" webkit-playsinline="true"  :style="{'background-image' : 'url('+common().hosturl()+item.headimgurl+')'}">
                            <source :src="common().hosturl()+item.videourl" type='video/mp4' />
                        </video>
                    </li>
                </ul>
                <a class="btn box-explain-open" data-type="4" data-tit="视频拍摄说明"></a>
            </div>

            <div class="line cimg disNone"></div>

            <div class="report-box disNone">
                <div class="title-img title-img-4"></div>
                <div class="pic-box"></div>
                <div class="articles">
                    <a class="a" href="">广州站顺利结束XX荣获冠军顺利结束<i></i></a>
                    <a class="a" href="">广州站顺利结束XX荣获冠军顺利结束<i></i></a>
                    <a class="a" href="">广州站顺利结束XX荣获冠军顺利结束<i></i></a>
                    <a class="a" href="">广州站顺利结束XX荣获冠军顺利结束<i></i></a>
                    <a class="a" href="">广州站顺利结束XX荣获冠军顺利结束<i></i></a>
                </div>
            </div>

            <div class="line cimg disNone"></div>

            <div class="title-img title-img-5 disNone"></div>

            <div class="rank-box content disNone" v-if="lists">
                <div class="first">
                    <div class="pic-box">
                        <a class="pic" :style="{'background-image' : 'url('+common().hosturl()+first.headimgurl+')'}" :href="'detail.html?id='+first.player_no">
                            <!--<div class="rank-like">{{ first.votetotal }}</div>-->
                        </a>
                    </div>
                    <div class="info">
                        <div class="tit"><img src="/web/views/index/img/rank-first-title.png" alt=""></div>
                        <div class="name">{{ first.realname }}</div>
                        <div class="text">
                            绰号：{{ first.nickname }}<br>
                            位置：{{ first.position }}<br>
                            编号：{{ first.player_no }}<br>
                            个人宣言：{{ first.declaration }}
                        </div>
                    </div>
                    <div class="car-icon"><img src="img/car-icon-1.png" alt=""></div>
                </div>
                <div class="line cimg"></div>
                <div class="ul">
                    <a class="li" v-for="(item, index) in lists" v-if="!index==0" :href="'detail.html?id='+item.player_no">
                        <div class="pic" :style="{'background-image' : 'url('+common().hosturl()+item.headimgurl+')'}">
                            <!--<div class="rank-like">{{ item.votetotal }}</div>-->
                            <div class="cover">
                                姓名：{{ item.realname }}<br>
                                绰号：{{ item.nickname }}<br>
                                位置：{{ item.position }}<br>
                                个人宣言：<br>
                                {{ item.declaration }}
                            </div>
                        </div>
                        <div class="text">
                            &nbsp;&nbsp;&nbsp;&nbsp;姓名：{{ item.realname }}<br>
                            选手编号：{{ item.player_no }}
                        </div>
                    </a>
                </div>
            </div>

            <a href="list.html" class="to-vote"></a>
        </div>
        <!--vue模板end-->
    </div>

    <!--侧边栏-->
    <div class="fixed-side">
        <a class="to-href" data-href="sign-up" onclick="_smq.push(['custom','18-chinanba-mob','signUp_m_2']);"></a>
        <a href="list.html" onclick="_smq.push(['custom','18-chinanba-mob','vote_2']);"></a>
    </div>

    <!--弹出框-->
    <div class="box-explain disNone">
        <div class="tit"></div>
        <div class="cont">
            <img src="./img/box-choice-img.png" alt="">
            <img src="./img/box-game-img.png" alt="">
            <img src="./img/box-finals-img.png" alt="">
            <img src="./img/box-send-img.png" alt="">
        </div>
        <div class="box-close-btn"></div>
    </div>

    <div class="footer"></div>

</body>

<script src="/node_modules/vue/dist/vue.js"></script>
<script src="/node_modules/swiper/dist/js/swiper.js"></script>
<script src="/node_modules/video.js/dist/video.js"></script>
<script src="/web/lib/swiper.animate1.0.2.min.js"></script>
<script src="/web/lib/layer/layer.js"></script>
<script src="/web/js/config.js"></script>
<script src="index-m.js"></script>
</html>
